<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. -->

<div class="ms-Breadcrumb">
  <div class="ms-Breadcrumb-overflow">
    <div class="ms-Breadcrumb-overflowButton ms-Icon ms-Icon--ellipsis" tabindex="1"></div>
    <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight"></i>
    <div class="ms-Breadcrumb-overflowMenu">
      <ul class="ms-ContextualMenu is-open"></ul>
    </div>
  </div>
  <ul class="ms-Breadcrumb-list">
    <li class="ms-Breadcrumb-listItem">
      <a class="ms-Breadcrumb-itemLink" tabindex="2">Files</a>
      <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight"></i>
    </li>
    <li class="ms-Breadcrumb-listItem">
      <a class="ms-Breadcrumb-itemLink" tabindex="3">Folder 1</a>
      <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight"></i>
    </li>
    <li class="ms-Breadcrumb-listItem">
      <a class="ms-Breadcrumb-itemLink" tabindex="4">Folder 2</a>
      <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight"></i>
    </li>
    <li class="ms-Breadcrumb-listItem">
      <a class="ms-Breadcrumb-itemLink" tabindex="5">Folder 3</a>
      <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight"></i>
    </li>
    <li class="ms-Breadcrumb-listItem">
      <a class="ms-Breadcrumb-itemLink" tabindex="6">Folder 4</a>
      <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight"></i>
    </li>
    <li class="ms-Breadcrumb-listItem">
      <a class="ms-Breadcrumb-itemLink" tabindex="7">Folder 5</a>
      <i class="ms-Breadcrumb-chevron ms-Icon ms-Icon--chevronRight"></i>
    </li>
  </ul>
</div>
